<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>	
	<title>Plotr</title>
	<script src="../lib/prototype/prototype.js" type="text/javascript"></script>
	<script src="../lib/plotr/excanvas.js" type="text/javascript"></script>
	<script src="../plotr.js" type="text/javascript"></script>
	
</head>
<body>
	<div><canvas id="plotr" height="300" width="500"></canvas></div>
	<script type="text/javascript">
var dataset = {"first Pie": [[1, 1]], "secondPie": [[0, 0.7]], "thirdPie": [[0, 0.5]], "fourthPie": [[0, 0.5]], "fifthPie": [[0, 0.5]]};

var options = {
	"colorScheme": "blue", 
	"axis": 
	{
		"lineWidth": "1", 
		"labelColor": "#000000",
		"x": {
			"ticks":[{v:0, label:'fat'},
{v:1, label: 'water'},
{v:2, label: 'substance1'},
{v:3, label: 'substance2'}]
		}
	}, 
	"background": {
		"color": "#F2f2f2", 
		"lineColor": "#FFFFFF", 
		"lineWidth": "3.0"
	}, 
	"legend": { "opacity": "0.5" }, 
	"stroke": {
		"shadow": false, 
		"width": "1"
	}
};

var chart = new Plotr.PieChart('plotr', options);
chart.addDataset(dataset);
chart.render();
	</script>
</body>
</html>